import { ConnectProps, ConnectState } from '@/models/connect';
import { MenuDataItem } from '@ant-design/pro-layout';
import { connect } from 'dva';
import React from 'react';
import { Helmet } from 'react-helmet';
import styles from './UserLayout.less';

export interface UserLayoutProps extends ConnectProps {
  breadcrumbNameMap: { [path: string]: MenuDataItem };
}

const UserLayout: React.FC<UserLayoutProps> = props => {
  const { children } = props;
  return (
    <div className={styles.full}>
      <Helmet>
        <title>{'登录'}</title>
        <meta name="description" content={'登录'} />
      </Helmet>
      <div className={styles.container}>
        <div>
          {/* <img src={logo} alt="博泰" style={{ height:30, marginLeft:20, marginTop: 20}}/> */}
        </div>
        {/* <div style={{ color: 'white', fontSize: 22, marginLeft: 10, marginTop: 15 }}>
          东风车联网管理平台
        </div> */}
      </div>
      <div className={styles.content}>{children}</div>
    </div>
  );
};

export default connect(({ settings }: ConnectState) => ({
  ...settings,
}))(UserLayout);
